diff options
Diffstat (limited to 'src/routes/projects/[projectId]')
| -rw-r--r-- | src/routes/projects/[projectId]/routine/[routineId]/+page.svelte | 10 |
1 files changed, 3 insertions, 7 deletions
diff --git a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte index 867719a..55185cc 100644 --- a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte +++ b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte @@ -4,6 +4,7 @@ import ScoreBadge from '$lib/components/ScoreBadge.svelte'; import StatusBadge from '$lib/components/StatusBadge.svelte'; import Button from '$lib/components/Button.svelte'; + import Row from '$lib/components/Row.svelte'; import { formatFrequency, parseIntervalToDays, @@ -176,14 +177,14 @@ <ul class="item-list"> {#each data.completions as c (c.id)} - <li class="item-row item-row--card completion-row"> + <Row style="flex-wrap: wrap; gap: 0.25rem 0.75rem;"> <span class="completion-date"> {formatDayMonthYear(c.doneAt)} </span> {#if c.note} <span class="completion-note">{c.note}</span> {/if} - </li> + </Row> {/each} </ul> @@ -259,11 +260,6 @@ flex: 1; } - .completion-row { - flex-wrap: wrap; - gap: 0.25rem 0.75rem; - } - .completion-date { font-weight: 500; } |